//侧边栏一级导航
.meta-sidebar {
    width: 220px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -220px;
    bottom: 0;
    background: $gray;
    transition: all 0.2s linear;
    .meta-sidebar-header {
        background: rgba(255, 255, 255, 0.05);
        height: 56px;
        margin-bottom: 20px;
        > * {
            color: rgba(255, 255, 255, 0.5);
            margin: 0 10px;
            font-size: $font-size-xxl;
            line-height: 56px;
            span {
                font-size: $font-size-xxs;
                padding-left: 6px;
            }
        }
    }
    .meta-sidebar-list-header {
        color: white;
        opacity: 0.5;
        font-weight: 600;
        font-size: $font-size-xxs;
        padding: 10px 20px;
    }
    .meta-sidebar-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        li {
            position: relative;
            a {
                display: block;
                padding: 12px 10px 12px 17px;
                border-left: 2px solid $blue;
                color: rgba(255, 255, 255, 0.7);
                font-size: $font-size-xs;
                font-weight: 600;
                text-decoration: none;
            }
            .active {
                color: #fff;
                background: rgba(0, 0, 0, 0.25);
            }
            i {
                position: absolute;
                color: #d9534f;
                right: 10px;
                top: 15px;
            }
        }
    }
    .meta-blue-sidebar-list {
        li a {
            border-color: $blue;
        }
    }
    .meta-yellow-sidebar-list {
        li a {
            border-color: $yellow;
        }
    }
}
.meta-sidebar.open-sidebar {
    left: 0;
}
.meta-sidebar.close-sidebar {
    left: -220px;
}
//内容区
.meta-content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transition: all 0.2s linear;
    min-width: 1060px;
}
.meta-content.open-sidebar {
    left: 220px;
}
.meta-content.close-sidebar {
    left: 0;
}
//内容区的二级导航
.meta-header {
    background-color: $blue;
    height: 56px;
    position: relative;
    #open-sidebar {
        position: absolute;
        display: block;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        font-size: $font-size-l;
        height: 56px;
        width: 56px;
        left: 0;
        top: 0;
        padding-top: 15px;
        border-right: 1px solid rgba(0, 0, 0, 0.075);
    }
    .meta-header-nav {
        position: absolute;
        top: 0;
        left: 56px;
        > span {
            font-size: $font-size-m;
            display: inline-block;
            font-weight: 600;
            padding: 15px 20px 0;
            a {
                color: white;
                &:active,
                &:focus,
                &:hover {
                    color: white;
                    text-decoration: none;
                }
            }
        }
        > a {
            border-bottom: 3px solid transparent;
            display: inline-block;
            padding: 11px 0 14px;
            margin-right: 25px;
            color: white;
            font-weight: 600;
            opacity: 0.75;
            transition: all 0.15s linear;
            &:active,
            &:focus,
            &:hover {
                opacity: 1;
                text-decoration: none;
                cursor: pointer;
            }
        }
        > a.active {
            border-color: rgba(255, 255, 255, 0.5);
            opacity: 1;
        }
    }
    .meta-icon {
        position: absolute;
        display: block;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        font-size: 17px;
        height: 56px;
        width: 56px;
        right: 0;
        top: 0;
        padding-top: 18px;
        -webkit-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        transition: color 0.1s linear;
        &:active,
        &:focus,
        &:hover {
            color: rgba(255, 255, 255, 1);
            text-decoration: none;
        }
    }
    .meta-icon.active {
        color: rgba(217, 83, 79, 0.75);
        &:active,
        &:focus,
        &:hover {
            color: rgba(217, 83, 79, 1);
            text-decoration: none;
        }
    }
    .meta-first-icon {
        right: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.075);
    }
    .meta-second-icon {
        right: 56px;
        border-left: 1px solid rgba(0, 0, 0, 0.075);
    }
    .meta-third-icon {
        right: 112px;
        border-left: 1px solid rgba(0, 0, 0, 0.075);
    }
    .meta-forth-icon {
        right: 168px;
        border-left: 1px solid rgba(0, 0, 0, 0.075);
    }
}
//内容块
.meta-section {
    margin: 20px 30px 50px;
    .meta-section-header {
        .meta-section-header-title {
            margin: 10px 0;
            color: $normalGray;
            padding: 3px 10px;
            border-left: 5px solid $blue;
            display: inline-block;
            font-size: $font-size-m;
        }
        .meta-section-header-search {
            display: inline-block;
            width: 350px;
            position: relative;
            top: 10px;
            color: $normalGray;
            float: right;
            input {
                border-color: #5bc0de;
            }
        }
        .meta-section-header-search-lg {
            padding-left: 70px;
            width: 100%;
            position: absolute;;
            top: 6px;
            color: $normalGray;
            float: right;
            input {
                border-color: #5bc0de;
            }
        }
        .meta-section-header-filter {
            display: inline-block;
            width: 500px;
            position: relative;
            top: -3px;
            color: $normalGray;
            input {
                border-color: #5bc0de;
            }
        }
        .meta-section-header-buttons {
            float: right;
            margin: 10px 0;
            > button {
                margin-left: 10px;
            }
        }
    }
    .meta-section-container {}
}
.meta-secondary-section {
    border-bottom: 1px dashed $gray;
    .meta-secondary-section-header {
        margin: 20px 10px 0 10px;
        > i {
            font-size: 20px;
            position: relative;
            top: 1px;
        }
        > span {
            padding-left: 10px;
            font-weight: bold;
            font-size: $font-size-m;
        }
        .meta-status, .meta-btn {
            float: right;
            margin: 0;
            top: 0;
            padding: 5px 12px;
            font-size: $font-size-xxs;
            line-height: $font-size-xxs;
        }
    }
    .meta-secondary-section-content {
        position: relative;
        padding: 5px 5px 10px;

        .meta-list-item{
          border-bottom: 1px dotted #999;
          padding-top: 10px;
          padding-bottom: 10px;

          .meta-list-header-1{
            padding-left: 23px !important;
            width: 65px !important;
          }

          .meta-list-header-2{
            padding-left: 31px !important;
            width: 75px !important;
          }

          .meta-input-section{
            margin: 0 5px;
            padding: 0 !important;
            position: relative;

            .meta-input-section-title{
              width: 60px;
            }
            .meta-input-section-control{
              padding-left: 60px;
            }
            .meta-input-section-btns{
              position: absolute;
              right: 0;
              top: 5px;
            }
          }
          .meta-last{
            .meta-input-section-title{
              padding-left: 15px;
            }
          }
        }
    }
}
//行
.meta-underline-row {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px dashed $lightGray;
    > div {
        padding: 0;
    }
}
//控件行
.meta-input-section {
    position: relative;
    margin: 5px;
    padding: 5px 0 !important;
    &.meta-short {
        margin: 0;
        padding: 0;
    }
    .meta-input-section-title {
        float: left;
        line-height: 32px;
        font-size: $font-size-xs;
        color: $lightBlack;
        width: 88px;
        font-weight: bold;
    }
    .meta-block-input-section-control {
        height: auto;
        padding-left: 88px;
        .meta-file {
            .drag-place {
                font-size: 50px;
                height: 110px;
            }
        }
    }
    .meta-input-section-control {
        padding-left: 88px;
        min-height: 32px;
        .meta-text {
            line-height: 32px;
            word-wrap: break-word;
            .btn{
              padding:2px 16px;
            }
            a:hover{
              cursor: pointer;
            }
        }
        .meta-range {
            position: relative;
            margin-right: 40px;
            display: inline-block;
            input {
                width: 100px;
            }
            &::after {
                width: 40px;
                position: absolute;
                left: 110px;
                top: 6px;
                font-size: $font-size-xs;
                color: $lightBlack;
            }
        }
        .meta-range-dash {
            display: inline-block;
            border-top: 1px solid $lightBlack;
            width: 30px;
            position: relative;
            top: -5px;
            margin: 0 5px;
        }
        .meta-month-range::after {
            content: "月" !important;
        }
        .meta-money-range::after {
            content: "万元" !important;
        }
        .meta-fund-range::after {
            content: "元" !important;
        }
        .meta-checkbox {
            height: 32px;
            padding-top: 5px;
            padding-bottom: 5px;
            .checkbox-inline {
                margin-left: 5px;
            }
        }
        .meta-radio {
            height: 32px;
            padding-top: 5px;
            padding-bottom: 5px;
            .radio-inline {
                min-width: 76px;
                margin-left: 5px;
            }
        }
        .meta-small-select {
            width: 90%;
        }
        .meta-time {
            .meta-time-inline {
                width: 40%;
                height: 32px;
                font-weight: normal;
                margin-bottom: 0;
                .input-group {
                    margin-bottom: 0;
                }
            }
        }
        .timeSpan {
            position: relative;
            top: -10px;
            margin: 0 5px;
        }
    }
}
//表格
.meta-table {
    margin-top: 30px;
    * {
        font-size: $font-size-xs !important;
    }
    .meta-col-demand {
        background-color: #e9e7ef;
    }
    .meta-col-tech {
        background-color: #e9f1f6;
    }
    .meta-col-process {
        background-color: #d6ecf0;
    }
    .meta-number-8-td {
        width: 78px;
    }
    .meta-number-9-td {
        width: 86px;
    }
    .meta-number-10-td {
        width: 93px;
    }
    .meta-number-11-td {
        width: 102px;
    }
    .meta-number-12-td {
        width: 111px;
    }
    .meta-word-4-td {
        width: 70px;
    }
    .meta-word-5-td {
        width: 81px;
    }
    .meta-word-6-td {
        width: 96px;
    }
    .meta-word-7-td {
        width: 110px;
    }
    .meta-word-8-td {
        width: 125px;
    }
    .meta-word-9-td {
        width: 138px;
    }
    .meta-word-10-td {
        width: 152px;
    }
    .meta-word-11-td {
        width: 167px;
    }
    .meta-bordered-word-3-td {
        width: 70px;
    }
    .meta-bordered-word-4-td {
        width: 85px;
    }
    .meta-time-td {
        width: 125px;
    }
    .meta-date-td {
        width: 85px;
    }
    .meta-icon-1-td {
        width: 50px;
    }
    .meta-icon-2-td {
        width: 94px;
    }
    .meta-icon-3-td {
        width: 145px;
    }
    .fa-2x {
        font-size: 2em !important;
    }
}
//翻页
.meta-page {
    .page-jump{
      float:right;
      width:100px;
      top:10px;

      input{
        height:30px;
      }

      button{
        height:30px;
        padding:4px 12px;
        background-color: #1f86ed;
        border-color: #1f86ed;
        opacity:0.7;
      }
    }

    .pagination {
        li {
            a {
                color: $blue;
                border-color: #aaa;
                opacity: 0.7;
            }
        }
        .active {
            a {
                background-color: $blue;
                border-color: $blue;
                color: white;
            }
        }
        .disabled {
            a {
                border-color: #aaa;
            }
        }
    }
}
//双版本
.meta-double-version-nav {
    height: 37px;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #ddd !important;
    list-style: none;
    margin-top: 15px;
    > li {
        float: left;
        margin-bottom: -1px;
        &.active a,
        &:hover a {
            color: $blue !important;
            border-bottom: 5px solid $blue !important;
            background-color: transparent !important;
        }
    }
}
//提交区
.meta-submit {
    padding-bottom: 50px;
}
.meta-control-submit {
    > button {
        margin: 0 5px;
        padding: 2px 16px;
    }
}
.meta-right-control-sumbit {
    text-align: right;
}
//系统日志更新
.meta-update {
    position: relative;
    padding-bottom: 20px;
    .meta-update-list {
        padding-left: 0;
        list-style: none;
        > li {
            padding: 15px 0;
        }
    }
}
//tab
.nav-tabs{
	height: 37px;
	margin-bottom: 0;
	padding: 0;
	border-bottom:1px solid #ddd !important;
	list-style: none;
  margin-top: 5px;

	.uib-tab, .uib-tab-p {
		a{
			width: auto;
			border: 1px solid white !important;
			font-size: 16px;
			color: #333 !important;
			border-bottom: 5px solid white !important;
			padding: 10px 19px;
			text-align: center;
			position: relative;
			top: 1px;
			display: inline;
		}

		&:hover{
			a{
				text-decoration: none;
				cursor: pointer;
			}
		}
	}

	.uib-tab.active, .uib-tab:hover {
		a{
			color: $blue !important;
		    border-bottom: 5px solid $blue !important;
		  	background-color: transparent !important;
		}
	}

	.uib-tab-p.active, .uib-tab-p:hover {
		a{
		    border-bottom: 5px solid $blue !important;
		  	background-color: transparent !important;
		}
	}

	.process-none{
		a{
			color: #ccc !important;
			padding-left: 15px;
			padding-right: 15px;
		}
	}

	.process-success{
		a{
			color: #5cb85c !important;
		}
	}

	.process-during{
		a{
			color: #f0ad4e !important;
		}
	}

	.process-failed{
		a{
			color: #d9534f !important;
		}
	}
}
//meta-last
.meta-last {
    &.meta-secondary-section {
        border-bottom: none;
        .meta-secondary-section-content {
            padding-bottom: 5px;
        }
    }
}
//进程
.demandSide{
    float: left;
    width: 50%;
    border-right: 1px dashed #aaa;
    border-bottom: none;
}
.techSide{
    float: left;
    width: 50%;
    border-bottom: none;
}
//商务金
.meta-money{
	padding-left: 0;
	li{
		border-bottom: 1px dashed #999;
		list-style:none;
		padding:10px;
		position: relative;
		.money{
			display: inline-block;
			width: 40px;
			margin-right: 20px;
		}
		.name{
			display: inline-block;
			width: 120px;
			margin-right: 20px;
		}
		.time{
			position: absolute;
			right: 0;
			color: #999;
		}
	}
}
//用户收藏
.meta-money{
	padding-left: 0;
	li{
		border-bottom: 1px dashed #999;
		list-style:none;
		padding:10px;
		position: relative;
		.tag{
			display: inline-block;
			width: 35px;
			margin-right: 10px;
      padding: 1px 5px;
      font-size: 12px;
      line-height: 1.5;
      color: white;
      text-align: center;
		}
    .meta-tag-demand{
      background-color: rgb(147, 101, 184);
    }
    .meta-tag-tech{
      background-color: rgb(243, 121, 52);
    }
    .meta-tag-talent{
      background-color: rgb(97, 189, 109);
    }
		.time{
			position: absolute;
			right: 0;
			color: #999;
		}
	}
}
